<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I create a link to a Resources item in a text box?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I create a link to a Resources item in a text box?</h1></div>
<div>



      <div class="step screensteps-section screensteps-depth-1" id="go-to-the-rich-text-editor-and-select-your-text">
    <h2 class="step-title screensteps-heading">Go to the Rich-Text Editor and select your text.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/230/950/original/f2703664-84b4-485a-b5d7-3cf5b6eda9e1.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/230/950/medium/f2703664-84b4-485a-b5d7-3cf5b6eda9e1.png" alt="" height="290" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_37AD5E06-8F54-40B3-AE91-DE59D2628A88" class="text-block-content">
    <p>In the text box, <strong>select</strong> the text you would like to serve as a link to the folder or file. For accessibility, you should use <a href="content.hlp?docId=whatdoesitmeantomakecontentaccessible">meaningful text</a><span style="color:rgb(0,128,255);"> </span>to describe the folder or file you are linking.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click the Link icon.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/230/957/original/ea97e550-7a1e-4c7d-948a-d6ab670e5c44.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/230/957/medium/ea97e550-7a1e-4c7d-948a-d6ab670e5c44.png" alt="" height="292" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_49385C80-2A02-433C-9EE5-BBABBC2624A5" class="text-block-content">
    <p>The <strong>Link</strong> icon looks like a chain link.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Or use Ctrl/Command-L on the keyboard to open the Link dialog box.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/001/351/958/original/02fd7cf3-6e39-4d64-af29-a1194fa8edc1.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/001/351/958/medium/02fd7cf3-6e39-4d64-af29-a1194fa8edc1.png" alt="" height="220" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_09AFE959-A309-4D09-9D79-D12D326459FA" class="text-block-content">
    <p>Alternatively, you can open the <em>Link</em> dialog box with the keyboard command <strong>Ctrl + L</strong> (in Windows) or <strong>Command + L</strong> (on a Mac).</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="insert-the-link">
    <h2 class="step-title screensteps-heading">Insert the link.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/230/946/original/87de68ed-5d08-4160-a7d6-3e147faab230.png" alt="" height="379" width="476">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_B6C67CD8-4C24-41F9-9041-C7F4F043362E" class="text-block-content">
    <p>A window will pop up to allow you to enter a URL or select an item using the <em>Server Browser</em>.</p>
<p><em>Note: If you copy a link in Resources and paste it into the </em><a href="content.hlp?docId=whatistherichtexteditor"><em>Rich Text Editor</em></a><em> in another tool (e.g., </em><a href="content.hlp?docId=whatisthelessonstool"><em>Lessons</em></a><em>) rather than using the Server Browser to select the item in the editor, the link will not change when you </em><a href="content.hlp?docId=howdoicopycontentfromonesitetoanotherieimportfromsite"><em>import content</em></a><em> from the site.</em></p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-the-browse-server-link">
    <h3 class="step-title screensteps-heading">1. Click the Browse Server link.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/230/952/original/a8d13246-50c4-48a7-ab37-796a792c1c29.png" alt="" height="379" width="477">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-the-plus-sign-next-to-resources">
    <h3 class="step-title screensteps-heading">2. Double-click Resources.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/230/944/original/43da5c18-5539-4aa8-b486-31b899a158ad.png" alt="" height="507" width="841">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_885AE9C3-4E4D-4401-A842-6472EB0A7886" class="text-block-content">
    <p>The <em>Server Browser</em> will open. It displays items on your site to which you can link.</p>
<p>Double-clicking <strong>Resources</strong> will expand the list of the site's <strong>Resources</strong>.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="navigate-to-the-item-to-which-you-would-like-to-link-and-click-on-its-file-name">
    <h3 class="step-title screensteps-heading">3. Navigate to the item to which you would like to link and click on the file.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/230/948/original/0f198da2-6f97-4ff1-845b-5f50f02ea3b1.png" alt="" height="508" width="840">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_C3D3A833-6A23-45E2-8E5B-B332F72782E9" class="text-block-content">
    <ol>
<li>Select the item to which you would like to link by clicking file.</li>
<li>Click OK.</li>
</ol>
<p><em>Note: There may be additional folders in <strong>Resources</strong> in which the item is located.  Double-click each folder to display its contents.</em></p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-ok">
    <h3 class="step-title screensteps-heading">Click OK to create the link.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/230/954/original/c1975f38-9e8d-493b-97e5-b8b275ea34d8.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/230/954/medium/c1975f38-9e8d-493b-97e5-b8b275ea34d8.png" alt="" height="609" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_54304375-37A0-4174-98BE-8CA0043A9B3E" class="text-block-content">
    <p>The <em>Link</em> dialog box will display the link to the item in the <strong>URL</strong> box.</p>
<ol>
<li>Click <strong>OK</strong> to create the link.</li>
<li>The text linked to the <em>Resources</em> item will be underlined.</li>
</ol>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="alternately-you-may-go-to-resources-to-locate-the-item-url">
    <h2 class="step-title screensteps-heading">Alternatively, you may go to Resources to locate the item URL.</h2>
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8FE02026-1834-4C3E-B32B-8B0810AE7F8B" class="text-block-content">
    <p>Select the <strong>Resources</strong> tool from the Tool Menu in your site.</p>
  </div>
</div>
 
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/351/953/original/9fb7d00d-a9cb-436c-965e-bbfb4b5fb939.png" alt="" height="122" width="198">
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-actions-then-edit-details-for-the-item">
    <h3 class="step-title screensteps-heading">Click Actions, then Edit Details for the item.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/001/351/956/original/fe06dfc8-f681-4c71-b5be-5fadbb533da9.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/001/351/956/medium/fe06dfc8-f681-4c71-b5be-5fadbb533da9.png" alt="" height="308" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_07FCFF3C-D7D2-4B28-82BD-B067E5C043C6" class="text-block-content">
    <p>Locate the item you want to link to in Resources and from the <strong>Actions</strong> drop-down menu, select <strong>Edit Details</strong>.</p>
<p>This displays the Edit Details page.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="copy-the-item-url">
    <h3 class="step-title screensteps-heading">Copy the item URL.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/351/952/original/be453483-995c-47f6-b412-8d4ec592b574.png" alt="" height="411" width="637">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_48DD7ED9-0F09-44AE-B395-23C07ED26EE6" class="text-block-content">
    <p>Copy the item URL to your computer's clipboard (CTR-C for PC or COMMAND-C for MAC).</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="paste-the-item-url">
    <h3 class="step-title screensteps-heading">Paste the item URL.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/351/951/original/be8e6130-9843-452f-9696-eaadcc2a2830.png" alt="" height="379" width="472">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_D8FD7253-1A28-46A2-A1A5-2BA6E8C3195F" class="text-block-content">
    <p>Paste (CTRL-V for PC or COMMAND-V for MAC) the URL for the Resources item in the box marked <strong>URL</strong>.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="paste-the-item-url_1">
    <h3 class="step-title screensteps-heading">Click OK.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/161/376/original/56163492-4d7d-414b-b2a9-468c3e2df2ba.png" alt="" height="378" width="474">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-link">
    <h3 class="step-title screensteps-heading">View link.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/287/429/original/975c6994-2d53-454f-8043-7287539fe11c.png" alt="" height="347" width="735">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_E7F9C2EC-3461-431E-86D8-446B5E4352B7" class="text-block-content">
    <p>When the item that contains the text box is posted, the selected text will display as an underlined link to the Resources item.</p>
  </div>
</div>
 
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
